<template>
	<view>
	<navigator url="/pages/news/systemNews/systemNews">	
	<view class="news-list1"  v-for="item in newsList1" :key="item.id">
			
			<view class="news-list1-pic" >
					
				<image src="/static/news/news1.png" mode="widthFix" style="width: 30px; " ></image>
				
			</view>
			
			<view class="news-list1-content">
				<view class="content1">
					<text class="content1-font1">系统消息</text> <text class="content1-font2">{{item.time}}</text>
				</view>
				<text class="content2">{{item.contents}}</text>
				<view class="span">1</view>
			</view>
		</view>
		</navigator>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				newsList1:[
					{id:1, time:"2022-3-24 19:28:33",contents:"你的申请已通过审核快去看看吧>>>"}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.news-list1{
	width: 750rpx;
	height: 140rpx;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
    border: 1px solid rgba(241, 241, 241, 100)
}
.news-list1-pic{
	width: 90rpx;
	height: 90rpx;
	background-color: #FF6D58 ;
	margin: 20rpx;
	border-radius: 50%;
	display: flex;	
	align-items: center;
	justify-content: center;
}
.content1{
	width: 600rpx;
	height: 60rpx;
	background-color: #FFFFFF;
	margin-top: 20rpx;
	display: flex;
	justify-content: space-between;
}
.span{
	left: 560rpx;
	top: -20rpx;
	width: 28rpx;
	height: 28rpx;
	line-height: 34rpx;
	border-radius: 50%;
	background-color: rgba(255, 51, 0, 100);
	color: rgba(255, 255, 255, 100);
	font-size: 24rpx;
	line-height: 30rpx;
	text-align: center;
	font-family: Arial;
	position: relative;
}
.content1-font1{
	font-size: 36rpx;
	color: #101010 100%;
	
}
.content1-font2{
	font-size: 24rpx;
	color: #9CBBBBBB;
	line-height: 40px;
}
.content2{
	font-size: 28rpx;
	color: #BBBBBB ;
}
</style>
